﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>主界面</title>
    <link href="data:;" rel="icon" />
    <style type="text/css">
    .echart
    {
        width:800px;
        height:400px;
        margin:10px auto;
    }
    .container .row
    {
        display:flex;
    }
    .container .row div[id]
    { 
        flex:1 ;
        height:600px;
    }
    </style>
</head>
<body>
    <div></div>

 <!-- <canvas id="myChart" width="300" height="300"></canvas>  -->
 
 <div id="areaStackGradient" class="echart">
    
 </div>
<div class="container">
    <div class="row">
        <div id="barRace"></div>
        <div id="barSimple"></div>
    </div>
    <div class="row">
        <div id="lineRace" ></div>
    </div>
    <div class="row">
        <div id="boxplot" ></div>
    </div>
    <div class="row">
        <div id="stackBar" ></div>
    </div>
    <div class="row">
        <div id="candlestick"> </div>
    </div>
    <div class="row">
        <div id="candlestick_sh"> </div>
    </div>
    <div class="row">
        <div id="linesmooth"> </div>
    </div>
    <div class="row">
        <div id="scatter"> </div>
    </div>
    <div class="row">
        <div id="treebasic"> </div>
    </div>
    <div class="row">
        <div id="funnel"></div>
    </div>
    <div class="row">
        <div id="pieSimple"></div>
    </div>
     <div class="row">
        <div id="pieBorderRadius"></div>
    </div>
     <div class="row">
        <div id="radar"></div>
    </div>
    <div class="row">
        <div id="graphForce"></div>
    </div>
    <div class="row">
        <div id="lineFunction"></div>
    </div>
    <div class="row">
        <div id="rose"></div>
    </div>
    <div class="row">
        <div id="sunburst"></div>
    </div>
    <div class="row">
        <div id="themeRiver"></div>
    </div>
    <div class="row">
        <div id="scatterAggreateBar"></div>
    </div>
</div>
</body>
</html>